<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值
		 png  jpg  gif
		 属性与属性值：出现元素前标记位置【多用空格分开】
		 作用：修饰元素效果
		 【必须】资源属性 src="属性值 图片全称"
		 
		 
		 【必须】资源属性 SRC=“路径+图片全程
		 路径:通过路径找文件，表示：/ \
		 / 表示 上传至服务器  【推荐】
		 \ 表示 下载到本地
		 ../返回上一级
		 
		 
		 相对路径 ①相对于 执行网页文件  同一目录下 直接按照目录名+图片全称  √
		         ②相对于 执行网页文件  包含文件夹  返回上一步
		 绝对路径 根据盘符查找文件
		 
		 
		 
		 
		 
		alt标题属性 属性值：文本自定
		用于解释图片，特点：网络问题，图片全称写错，提示
		title标题属性 属性值：文本自定
		用于解释图片，特点：鼠标移动上去显示
		 -->
		 <img src="img/1.png" alt="猫和老鼠" width="200px/" height="200px">
		 <img src="img/2.jpg" title="风景"width="200px/" height="200px"/>
		 <img src="img/3.gif" alt="美萌"title="美萌"/width="200px/" height="200px">
		 
		 <!-- 图片，音频，视频【文件类】使用机制类似 
		  视频video元素的属性与属性值 :如果属性与属性值一直，删除属性值
		   autoplay属性 自动播放
		   controls属性  控制条
		   loop属性    无限次播放
		   音频 audio 
		  
		 -->
		 <vid eo src="img/oceans-clip.mp4"autoplay controls loop></video>
		 <audio src="img/dafengche.mp3" autoplay controls loop></audio>
		
	</body>
</html>